<!DOCTYPE html>
<style>
#box {
  position: absolute;
  top: 100px;
  left: 100px;
  width: 50px;
  height: 50px;
  background-color: blue;
}
</style>

<p id="description">
This test verifies the touch event target rects are updated correctly when
an element transfroms without causing layout.
</p>

<div id="tests">
  <div id="box"></div>
</div>
<div id="console" style="display:none;"></div>

<script src="resources/compositor-touch-hit-rects.js"></script>
<script>

const box = document.getElementById("box");
box.addEventListener("touchstart", () => {}, false);
internals.forceCompositingUpdate(document);
logRects(box, true);

// The box should be able to translate to a new location
box.style.transform = "translate(50px,0px)";
internals.forceCompositingUpdate(document);
logRects(box, true);

document.getElementById("console").style.display = "block";

</script>
